<template>
  <div>
    <p style="font-size: 14px;margin-bottom: 15px;">标题:</p>
    <el-input size="mini" :style="{width: '100%',marginBottom:'30px'}" v-model="viewModel.title" placeholder="请输入标题标题">
    </el-input>
    <el-checkbox size="mini" :style="{width: '100%',marginBottom:'30px'}" v-model="viewModel.required"> 必填</el-checkbox>
    <p style="font-size: 14px;margin-bottom: 15px;">类型:</p>
    <el-select size="mini" v-model="viewModel.dateType" placeholder="请选择">
      <el-option v-for="val in options" :key="val.value" :label="val.label" :value="val.value">
      </el-option>
    </el-select>
  </div>
</template>

<script>

export default {
  name: "dateConfig",
  components: {},
  props: ["currCfg"],
  data() {
    return {
      options: [{
        label: '日期',
        value: 'date'
      }, {
        label: '日期时间',
        value: 'datetime'
      }, ],
    };
  },
  computed: {
    viewModel() {
      return this.currCfg.config;
    }
  },
  methods: {},
  mounted() {

  }
}
</script>,
<style scoped>

</style>
